<template>
  <el-container style="height: 1000px; border: 1px solid #eee">
    <el-aside width="20%" style="background-color: rgb(238, 241, 246)">
      <el-menu :default-openeds="['1', '3']">
        <el-menu-item index="1-2"><router-link to="/evaluation">我的测评</router-link></el-menu-item>
        <el-menu-item index="1-2"><router-link to="/evaluation">作业</router-link></el-menu-item>
        <el-menu-item index="1-2"><router-link to="/evaluation">资料</router-link></el-menu-item>
        <el-menu-item index="1-2"><router-link to="/evaluation">错题集</router-link></el-menu-item>
        <el-menu-item index="1-2"><router-link to="/evaluation">学习记录</router-link></el-menu-item>
      </el-menu>
    </el-aside>

    <el-container>
      <el-header style="text-align: right; font-size: 12px">
      </el-header>

      <el-main>
        <el-table :data="tableData" width="100%">
          <el-table-column prop="no" label="编号" width="120">
          </el-table-column>
          <el-table-column prop="name" label="名称" width="120">
          </el-table-column>
          <el-table-column prop="date" label="添加时间" width="120">
          </el-table-column>
          <el-table-column prop="num" label="题目数量" width="120">
          </el-table-column>
          <el-table-column prop="operate" label="操作" width="200">
            <template slot-scope="scope">
              <router-link v-bind:to="'/abc/' + scope.row.title">{{
                scope.row.title
                }}添加试题</router-link>&nbsp&nbsp
              <router-link v-bind:to="'/abc/' + scope.row.title">{{
                scope.row.title
                }}试题管理</router-link>&nbsp&nbsp
              <router-link v-bind:to="'/abc/' + scope.row.title">{{
                scope.row.title
                }}删除</router-link>
            </template>
          </el-table-column>

        </el-table>
      </el-main>
    </el-container>
  </el-container>
</template>
<style>
  .el-header {
    background-color: #B3C0D1;
    color: #333;
    line-height: 60px;
  }

  .el-aside {
    color: #333;
  }
</style>

<script>
  export default {
    data() {
      return {
        tableData: [{
          no: '001',
          name: '题库1',
          date: '2022-05-01',
          num: '20',
        }, {
          no: '002',
          name: '题库2',
          date: '2022-05-01',
          num: '10',
        }, {
          no: '003',
          name: '题库3',
          date: '2022-05-02',
          num: '50',
        }, {
          no: '004',
          name: '题库4',
          date: '2022-06-01',
          num: '30',
        }, {
          no: '005',
          name: '题库5',
          date: '2022-05-03',
          num: '10',
        }
        ]


      }
    }
  };
</script>
